.theme--primary,
.vxe-loading
{

    --vxe-primary-color: #04AE70 !important;
    --vxe-success-lighten-color: #04AE70;
    --vxe-primary-lighten-color: #04AE70;
    --vxe-table-resizable-drag-line-color: #04AE70;
    --vxe-input-date-festival-important-color: #04AE70;
    --vxe-primary-darken-color: #04AE70;
    --vxe-font-color: #04AE70;
    --vxe-loading-color: #04AE70;
    --el-color-primary-light-1: #04AE70;
    --el-color-primary-light-2: #04AE70;
    --el-color-primary-light-3: #04AE70;
    --el-color-primary-light-4: #04AE70;
    --el-color-primary-light-5: #04AE70;
    --el-color-primary-light-6: #04AE70;
    --el-color-primary-light-7: #04AE70;
    --vxe-border-radius: 2px;
    --vxe-table-header-font-color: #333;
    --vxe-table-footer-font-color: #333;
    --vxe-table-row-current-background-color: #F7FBFF;
}
*{
    --vxe-primary-color: #04AE70;
    --vxe-success-color: #04AE70;
    --el-color-primary: #04AE70;
}
.vxe-modal--wrapper{
    z-index: 2000 !important;
}
.vxe-button{
    --vxe-button-height-default:38px;
}
.vxe-grid .vxe-icon-caret-down:before {
    content: "\e7b2" !important;
}
.vxe-table--render-default .vxe-body--row.row--current{
    background-color: #e8eaec50 !important;
}
.vxe-form{
    input,select{
        outline:none;
    }
    .vxe-input--inner{
        border: none !important;
    }
    .vxe-form--item{
        border: 1px solid #ddd;
        padding: 0 !important;
        margin-right: 15px;
        margin-bottom: 15px;
        min-width:300px;
        .vxe-form--item-inner{
            background-color: #f7f7f7;
            .vxe-form--item-title{
                position: relative;
                line-height: 35px;
            }
            .vxe-form--item-title::after{
                content: '';
                width: 1px;
                height: 100%;
                right: 0;
                position: absolute;
                background-color: #ddd;
            }
        }
        .vxe-select{
            .vxe-input--suffix{
                background-color: #f7f7f7;
                color: #04AE70;
                right: 0;
            }
        }
    }
    .vxe-form--item:last-child{
        border: none;
        min-width:auto;
        .vxe-form--item-inner{
            background-color: #fff;
        }
    }
    .el-date-editor{
         border: none !important;
        box-shadow: none !important;
        padding: 0 0 0 4px;
    }
    .el-range-input{
        padding-right: 0 !important;
        font-size: 14px;
    }
    .from-right-btn-add{
        position: absolute;
        right: 0;
        bottom: 0;
        border: none;
        background-color: #fff;
        width: auto !important;
        margin-right: 0;
        min-width: auto;
    }
}
.vxe-grid--form-wrapper{
    padding-bottom: 25px;
}
.vxe-grid--form-wrapper::after{  
    content: '';
    position: absolute;
    height:10px;
    background-color: #f0f2f5;
    width: 120%;
    z-index: 99;
    left: 50%;
    margin-left: -60%;
}

.vxe-grid--form-wrapper .el-range__icon{
    position: absolute;
     right: 0px;
     color: #04AE70;
     background: #f7f7f7;
     padding: 0 4px;
 }
 .vxe-grid--form-wrapper .el-range__close-icon{
   right:20px;
 }
 .vxe-grid--form-wrapper .el-range-input{
   padding-right: 30px;
 }

.table-grid-data .vxe-grid--form-wrapper::after{
    display: none;
}
.table-grid-data .vxe-grid--form-wrapper{
    padding-bottom:10px !important;
}
.no-border-top .vxe-grid--form-wrapper::after{
    display: none;
}
.vxe-table--body .vxe-body--column{
    .el-button {
        padding: 8px 8px;
    }
    .btn-view {
        border-color: #35ADB2;
        color: #35ADB2;

        .el-icon {
            display: none;
        }

        &::before {
            content: '';
            display: block;
            width: 12px;
            height: 12px;
            background: url('@/assets/chakan.png') center center no-repeat;
            background-size: 12px auto;
        }
    }

    .btn-eidt {
        border-color: #FF9C00;
        color: #FF9C00;
    }

    .btn-del {
        border-color: #FA5555;
        color: #FA5555;
    }
}
.xtable-form-btn {
    .el-button+.el-button {
        margin-left: 12px;
    }

    .btn-add {
        background: rgba(4, 174, 112, 0.1);
        border-radius: 2px;
        border: 1px solid #04AE70;
        color: #04ae70
    }

    .btn-add:hover {
        background: rgba(4, 174, 112, 0.2);
    }
}

.vxe-pager .vxe-pager--num-btn{
    vertical-align: middle;
    color: #666;
    font-size: 12px;
    margin: 0 5px;
    border: 1px solid #ddd !important;
    border-radius: 4px;
    outline:none
}
.vxe-pager .vxe-pager--num-btn.is--active{
    background-color: #48b27a !important;
    border: 1px solid #48b27a !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.max-modal-view .vxe-modal--box{
    box-shadow: none !important;
}
.max-modal-view .vxe-modal--content{
    overflow-x: hidden !important;
}
.order-list-postion{
    .vxe-body--column{
        position: static !important;
    }
    .row-padding-top  .vxe-body--column{
        padding-top: 50px !important;
    }
    .vxe-body--row{
        position: relative !important;
    }
}
.descriptions-list .is-bordered-label{
    width:120px;
}
.refresh-table .vxe-icon-refresh::before{
    animation: rotate 1s linear infinite;
    position: absolute;
    color: #04AE70;
}
.refresh-table [type=reset] .vxe-button--content{
    margin-left:20px !important;
}
@keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .vxe-icon-spinner:before {
    color: #04AE70;
}